<%--
  Created by IntelliJ IDEA.
  User: HUAWEI
  Date: 2024/9/2
  Time: 15:44
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Medicamp Responsive Bootstrap Template">
    <meta name="keywords" content="Pixel">
    <meta name="author" content="rkwebdesigns">
    <!-- Site Title   -->
    <title>首页</title>
    <!-- Bootstrap -->
    <link href="${pageContext.request.contextPath}/static/css/bootstrap.min.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/static/css/bootstrap-dropdownhover.min.css" rel="stylesheet">
    <!-- Fonts Awesome -->
    <link href="${pageContext.request.contextPath}/static/css/font-awesome.min.css" rel="stylesheet">
    <!-- Google Fonts -->
    <link href='https://fonts.googleapis.com/css?family=Raleway:400,200,300,100,500,600,700,800,900' rel='stylesheet' type='text/css'>
    <link href="https://fonts.googleapis.com/css?family=Poppins:300,400" rel="stylesheet">
    <!-- animate Effect -->
    <link href="${pageContext.request.contextPath}/static/css/animate.css" rel="stylesheet">
    <!-- Main CSS -->
    <link href="${pageContext.request.contextPath}/static/css/style.css" rel="stylesheet">
    <!-- Responsive CSS -->
    <link href="${pageContext.request.contextPath}/static/css/responsive.css" rel="stylesheet">
</head>
<body>
<header id="header" class="head">
    <div class="top-header">
        <div class="container">
            <div class="row ">
                <ul class="contact-detail2 col-md-6 pull-left">
                    <li> <i class="fa fa-mobile" style="color: white"></i><font color="white">联系我们 +86 4004008299 </font></li>
                </ul>
                <div class="social-links col-md-6 pull-right">
                    <ul class="social-icons pull-right">
                        <li> <i class="fa fa-envelope-o" style="color: white"></i><font color="white"> yiliaojiankang@gmail.com </font></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <nav class="navbar navbar-default navbar-menu">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="index.html">
                    <div class="logo-text"><span><samp>医</samp>医疗</span>健康系统</div>
                    <!-- <img src="${pageContext.request.contextPath}/static/img/logo.png" alt="logo"> -->
                </a>
            </div>
            <form action="${pageContext.request.contextPath}/doctorInfo/parseId.do?id=${id}" method="post">
                <input type="hidden" name="id" value="${id}">
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1" data-hover="dropdown" data-animations="fadeIn">
                    <ul class="nav navbar-nav navbar-right">
                        <li><a href="${pageContext.request.contextPath}/doctorInfo/parseId.do?id=${id}">首页</a></li>
                        <li><a href="${pageContext.request.contextPath}/plan/findAllPai2.do?id=${id}">排班</a></li>
                        <li><a href="${pageContext.request.contextPath}/doctor/docexam.do?id=${id}">体检</a></li>
                        <li><a href="${pageContext.request.contextPath}/register/findDoctorById.do?id=${id}">挂号</a></li>
                        <li><a href="${pageContext.request.contextPath}/jsp/userB.jsp">咨询</a></li>
                        <li><a href="${pageContext.request.contextPath}/messageList/messageFindAll4.do">公告</a></li>
                        <li><a href="${pageContext.request.contextPath}/doctorInfo/findDoctorById.do?id=${id}">个人中心</a></li>
                    </ul>
                </div>
            </form>
        </div>
    </nav>
</header>
<section id="slider" class="">
    <!-- Carousel -->
    <div id="main-slide" class="carousel slide" data-ride="carousel">

        <!-- Indicators -->
        <ol class="carousel-indicators visible-lg visible-md">
            <li data-target="#main-slide" data-slide-to="0" class="active"></li>
            <li data-target="#main-slide" data-slide-to="1"></li>
            <li data-target="#main-slide" data-slide-to="2"></li>
        </ol><!--/ Indicators end-->

        <!-- Carousel inner -->
        <div class="carousel-inner">

            <div class="item active" style="background-image:url(${pageContext.request.contextPath}/static/img/slide/1.jpg)">
                <div class="slider-content text-left">
                    <div class="col-md-12">
                        <h2 class="slide-title effect2">尽享美妙生活</h2>
                        <h3 class="slide-sub-title effect3">欢乐好心态 健康好生活</h3>
                        <p class="slider-description lead effect3">最健康的的人生，从这里开头。</p>
                    </div>
                </div>
            </div><!--/ Carousel item 1 end -->


            <div class="item" style="background-image:url(${pageContext.request.contextPath}/static/img/slide/2.jpg)">
                <div class="slider-content">
                    <div class="col-md-12 text-center">
                        <h2 class="slide-title effect4">有爱，才会健康永久。</h2>
                        <h3 class="slide-sub-title effect5">为健康幻想 为健康护航</h3>
                    </div>
                </div>
            </div><!--/ Carousel item 2 end -->


            <div class="item" style="background-image:url(${pageContext.request.contextPath}/static/img/slide/3.jpg)">
                <div class="slider-content text-right">
                    <div class="col-md-12">
                        <h2 class="slide-title effect6">优美的就医环境 专业的医疗水平</h2>
                        <h3 class="slide-sub-title effect7">你的健康是我们共同的心愿</h3>
                        <p class="slider-description lead effect7">健康是幸福的本钱，我们是健康的使者。</p>
                    </div>
                </div>
            </div><!--/ Carousel item 3 end -->

        </div><!-- Carousel inner end-->

        <!-- Controllers -->
        <a class="left carousel-control" href="#main-slide" data-slide="prev">
            <span><i class="fa fa-angle-left"></i></span>
        </a>
        <a class="right carousel-control" href="#main-slide" data-slide="next">
            <span><i class="fa fa-angle-right"></i></span>
        </a>
    </div><!--/ Carousel end -->
</section>
<section id="section1" class="section-margine">
    <div class="container">
        <div class="row">
            <div class="col-md-3 col-sm-6">
                <div class="section-1-box wow bounceIn">
                    <div class="section-1-box-icon-background"><i class="fa fa-ambulance fa-2x"></i></div>
                    <h4 class="text-center">紧急服务</h4>
                    <p class="text-center">确保病患在紧急情况下得到及时、有效的救治，提高救治成功率。</p>
                </div>
            </div>
            <div class="col-md-3  col-sm-6">
                <div class="section-1-box wow bounceIn" data-wow-delay=".1s">
                    <div class="section-1-box-icon-background"><i class="fa fa-user-md fa-2x"></i></div>
                    <h4 class="text-center">医疗卓越</h4>
                    <p class="text-center">我们旨在提供卓越的医疗服务，以满足患者对高质量、便捷及个性化医疗的需求。通过整合最新技术、优化流程和提高医疗团队素质，我们致力于为患者提供最佳的医疗体验。</p>
                </div>
            </div>
            <div class="col-md-3  col-sm-6">
                <div class="section-1-box wow bounceIn" data-wow-delay=".2s">
                    <div class="section-1-box-icon-background"><i class="fa fa-h-square fa-2x"></i></div>
                    <h4 class="text-center">诊断成像</h4>
                    <p class="text-center">利用各种成像技术（如X射线、CT、MRI、超声波等）来获取人体内部结构的图像，以帮助医生诊断疾病和评估健康状况。这些图像可以显示器官、组织以及可能的异常情况，如肿瘤、骨折或炎症。</p>
                </div>
            </div>
            <div class="col-md-3  col-sm-6">
                <div class="section-1-box wow bounceIn" data-wow-delay=".3s">
                    <div class="section-1-box-icon-background"><i class="fa fa fa-heartbeat fa-2x"></i></div>
                    <h4 class="text-center">医疗服务</h4>
                    <p class="text-center">建立健康档案，对受检者的体检结果进行长期跟踪和分析，帮助个体和企事业单位制定个性化的健康管理方案，提供健康咨询和培训。</p>
                </div>
            </div>
        </div>
    </div>
</section>
<section id="section2" class="section-margine">
    <div class="container">
        <div class="row">
            <div class="col-md-8 nopadding">
                <div class="col-md-6 col-sm-6">
                    <div class="section-2-box-left wow fadeInLeft">
                        <figure><img src="${pageContext.request.contextPath}/static/img/m1.jpg" class="img-responsive"></figure>
                        <h4>关于体检</h4>
                        <p>将传统的临床医学与现代医学技术相结合，通过一系列的检查手段综合评估受检者的健康状况，确保体检结果的准确性和可靠性。</p>
                        <a href="${pageContext.request.contextPath}/doctor/docexam.do?id=${id}" class="btn btn-primary">查看体检</a>
                    </div>
                </div>
                <div class="col-md-6 col-sm-6">
                    <div class="section-2-box-left wow fadeInLeft">
                        <figure><img src="${pageContext.request.contextPath}/static/img/m2.jpg" class="img-responsive"></figure>
                        <h4>关于挂号</h4>
                        <p>本医院可采用网上预约的方式，具体流程请参考挂号页。<br/>温馨提示：问诊前，请务必带齐身份证、医保卡等相关证件。</p>
                        <a href="${pageContext.request.contextPath}/register/findDoctorById.do?id=${id}" class="btn btn-primary">查看挂号</a>
                    </div>
                </div>
            </div>
            <div class="col-md-4  col-sm-12">
                <div class="section-2-box-right wow fadeInRight">
                    <h3>开放时间</h3>
                    <ul>
                        <li>周一 - 周五 : 8.00 - 16.00</li>
                        <li>周六 : 9.30 - 15.30</li>
                        <li>周天 : 9.30 - 17.00</li>
                    </ul>
                    <%--<a data-toggle="modal" href="#appointment" class="btn btn-default">联系咨询</a>--%>
                    <button class="btn btn-default" onclick="callus()">联系方式</button>
                </div>
            </div>
        </div>
    </div>
</section>
<section id="section3" class="section-margine section3-background">
    <div class="container">
        <div class="row">
            <div class="col-md-3 col-sm-6">
                <div class="section-3-box">
                    <figure><i class="fa fa-desktop fa-2x"></i></figure>
                    <h3><span class="counter">1000</span>+</h3>
                    <h4>Doctors & Nurses</h4>
                </div>
            </div>
            <div class="col-md-3 col-sm-6">
                <div class="section-3-box">
                    <figure><i class="fa fa-group fa-2x"></i></figure>
                    <h3><span class="counter">1520</span>+</h3>
                    <h4>Total Rooms</h4>
                </div>
            </div>
            <div class="col-md-3 col-sm-6">
                <div class="section-3-box">
                    <figure><i class="fa fa-coffee fa-2x"></i></figure>
                    <h3><span class="counter">50</span>+</h3>
                    <h4>Cureds Cases</h4>
                </div>
            </div>
            <div class="col-md-3 col-sm-6">
                <div class="section-3-box">
                    <figure><i class="fa fa-glass fa-2x"></i></figure>
                    <h3><span class="counter">400</span>+</h3>
                    <h4>Awards Shows</h4>
                </div>
            </div>
        </div>
    </div>
</section>
<section id="section4" class="section-4 section-margine">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <header class="title-head">
                    <h2>医疗服务</h2>
                    <p>礼貌接诊，文明待人，热情服务，态度和蔼，不推诿、训斥、刁难患者。</p>
                    <div class="line-heading">
                        <span class="line-left"></span>
                        <span class="line-middle">+</span>
                        <span class="line-right"></span>
                    </div>
                </header>
            </div>
            <div class="col-md-4 col-sm-6 right wow fadeInUp">
                <ul class="section">
                    <li class="left"><i class="fa fa-medkit"></i></li>
                    <li><strong>专家介绍</strong>
                        <p>我们的团队集合了全国最顶尖的专家，他们在医疗的研究和实践中形成了强大的协作网络。通过彼此的合作与创新，我们不断推动行业的发展，并为客户提供最优质的服务。</p>
                        <%--<a href="${pageContext.request.contextPath}/专家介绍" class="btn btn-primary btn-sm">关于更多</a>--%>
                </ul>
            </div>
            <div class="col-md-4 hidden-sm hidden-xs left wow fadeInUp" data-wow-delay=".2s"><img alt="" src="${pageContext.request.contextPath}/static/img/m4.png"></div>
            <!-- end left -->
            <div class="col-md-4 col-sm-6 right wow fadeInUp" data-wow-delay=".3s">
                <ul class="section three">
                    <li class="left"><i class="fa fa-user-md"></i></li>
                    <li><strong>服务宗旨</strong>
                        <p>我们的服务宗旨是以患者为中心，致力于提供高质量的医疗服务和人性化的护理。我们关注每一位患者的需求和期望，通过专业的医疗技术和热情的服务，确保患者的健康和幸福。</p>
                        <%--<a href="#" class="btn btn-primary btn-sm">Know More</a>--%>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</section>

<section  id="section5" class="section-5 section-margine">
    <div class="container">
        <div class="row my-team">
            <div class="col-md-12">
                <header class="title-head">
                    <h2>杰出的医疗团队</h2>
                    <p>我们的专家团队在全国范围内享有极高的声誉，每位成员都在各自的领域中具有领先地位。</p>
                    <div class="line-heading">
                        <span class="line-left"></span>
                        <span class="line-middle">+</span>
                        <span class="line-right"></span>
                    </div>
                </header>
            </div>
            <div class="col-md-3 col-sm-6 my-team-member wow fadeInUp">
                <div class="my-member-img">
                    <img src="${pageContext.request.contextPath}/static/img/team/1.jpg" class="img-responsive" alt="team01">
                </div>
                <div class="my-team-detail text-center">
                    <h4 class="my-member-name">Turanga Parker</h4>
                    <p class="my-member-post">Nurse</p>
                </div>
            </div>
            <div class="col-md-3 col-sm-6 my-team-member wow fadeInUp" data-wow-delay=".2s">
                <div class="my-member-img">
                    <img src="${pageContext.request.contextPath}/static/img/team/2.jpg" class="img-responsive" alt="team02">
                </div>
                <div class="my-team-detail text-center">
                    <h4 class="my-member-name">Mariya Rayan</h4>
                    <p class="my-member-post">Attending physician</p>
                </div>
            </div>
            <div class="col-md-3 col-sm-6 my-team-member wow fadeInUp" data-wow-delay=".3s">
                <div class="my-member-img">
                    <img src="${pageContext.request.contextPath}/static/img/team/3.jpg" class="img-responsive" alt="team03">
                </div>
                <div class="my-team-detail text-center">
                    <h4 class="my-member-name">Jerry Hu</h4>
                    <p class="my-member-post">Assistant</p>
                </div>
            </div>
            <div class="col-md-3 col-sm-6 my-team-member wow fadeInUp" data-wow-delay=".2s">
                <div class="my-member-img">
                    <img src="${pageContext.request.contextPath}/static/img/team/4.jpg" class="img-responsive" alt="team04">
                </div>
                <div class="my-team-detail text-center">
                    <h4 class="my-member-name">Sara Rayan</h4>
                    <p class="my-member-post">Chief physician</p>
                </div>
            </div>
        </div>
    </div>
</section>
<section id="section10" class="section-10-background">
    <div class="container">
        <div class="row">
            <div class="col-md-9 col-lg-9">
                <div class="section-10-box-text-cont">
                    <h3>We Are Ready to Check Your Health,<span class="color-yellow">  Call : +86-400-400-8299</span></h3>
                </div>
            </div>
        </div>
    </div>
</section>
<section id="footer-bottom" class="footer-bottom">
    <div class="container">
        <div class="row">
            <div class="col-md-9 col-lg-9">
                <div class="copyright">Copyright &copy; 2024.Company name All rights reserved.</div>
            </div>
        </div>
    </div>
</section>
<script src="../static/js/jquery.min.js"></script>
<script src="../static/js/bootstrap.min.js"></script>
<script src="../static/js/jquery.plugin.min.js"></script>
<script src="../static/js/jquery.isotope.min.js"></script>
<script src="../static/js/jquery.magnific-popup.min.js"></script>
<script src="../static/js/bootstrap-dropdownhover.min.js"></script>
<script src="../static/js/wow.min.js"></script>
<script src="../static/js/waypoints.min.js"></script>
<script src="../static/js/jquery.counterup.min.js"></script>
<script src="../static/js/main.js"></script>
<script>
    function callus() {
        alert("联系电话：400400899");
    }
</script>
</body>
</html>
